﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页</title>
    <link href="../css/Index.css" rel="stylesheet" />
    <script src="../js/jquery-1.2.6.pack.js"></script>
    <script src="../js/banner.js"></script>
    <link href="../css/share.css" rel="stylesheet" />

    <link href="../css/newProduct.css" rel="stylesheet" />
</head>

<body>
    <div class="topfixhead">
        <!--开头语-->
        <div class="toplogin">
            <div class="loginleft">
                <span>您好，欢迎访问中国系统集成在线！请</span>
                <a href="#">登录</a>
                <a href="#">免费注册</a>
            </div>
        </div>
        <!--头部-->
        <header>
            <div class="logo01">
            </div>
            <div class="logo02"></div>
        </header>
        <!--导航-->
        <div class="nav">
            <div class="ulnav">

                <ul>
                    <li><a href="index.html" target="_blank">首页</a></li>
                    <li><a href="industryMoving.html" target="_blank">行业动态</a></li>
                    <li><a href="programInfo.html" target="_blank">项目信息</a></li>
                    <li><a href="soluteCase.html" target="_blank">解决方案</a></li>
                    <li><a href="newProduct.html" target="_blank">前沿产品</a></li>
                    <li><a href="productentity.html" target="_blank">产业实体</a></li>
                    <li><a href="#" target="_blank">集成联盟</a></li>
 


                </ul>
            </div>
        </div>
    </div>
    <!--导航结束-->
    <!--内容-->
         <div class="container" style="height:35px;border:0px;margin-bottom:0px !important;">        <div class="navlevel">
            <span>首页>行业动态</span>

        </div></div>

  <div id="maincontent">
        <div id="procontent">      
            <div class="prolist"  >
                <div class="imgcanvas" style="background: url(../images/fxq.png); background-repeat: no-repeat;">
                    <span class="title">一款安全、稳定、便携的，能够实时传输和记录图像或者其他数据的无人飞行器通过智能飞控系统，实现自动起飞、悬停、按照指定的路线飞行，完成任务后自动返航。

</span>
                </div>
                <div class="Protitle">
                    <label>飞行器</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
             
            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/dddc.png); background-repeat: no-repeat;">

                    <span class="title">一款创业社交应用的Beta之旅</span>
                </div>
                <div class="Protitle">
                    <label>一点租车</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
     

            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/sj.png); background-repeat: no-repeat;">

                    <span class="title">有意或无意地创造阅读娱乐性</span>
                </div>
                <div class="Protitle">
                    <label>神剧</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
           
            </div>

            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">

                    <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                </div>
                <div class="Protitle">
                    <label>合伙人</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
            
            </div>
            <br>
 

            <div class="prolist" style="margin-left: 20px;">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">

                    <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                </div>
                <div class="Protitle">
                    <label>合伙人</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
          
            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/dddc.png); background-repeat: no-repeat;">

                    <span class="title">一款创业社交应用的Beta之旅</span>
                </div>
                <div class="Protitle">
                    <label>一点租车</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
           

            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/sj.png); background-repeat: no-repeat;">

                    <span class="title">有意或无意地创造阅读娱乐性</span>
                </div>
                <div class="Protitle">
                    <label>神剧</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
         
            </div>

            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">
                    <!--      <span class="shine"></span>-->
                    <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                </div>
                <div class="Protitle">
                    <label>合伙人</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
          
            </div>

    

            <br />
          
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">
                    <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                </div>
                <div class="Protitle">
                    <label>合伙人</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
         
            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/dddc.png); background-repeat: no-repeat;">

                    <span class="title">一款创业社交应用的Beta之旅</span>
                </div>
                <div class="Protitle">
                    <label>一点租车</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
   

            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">

                    <span class="title">有意或无意地创造阅读娱乐性</span>
                </div>
                <div class="Protitle">
                    <label>神剧</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
             
            </div>

            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">

                    <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                </div>
                <div class="Protitle">
                    <label>合伙人</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
       
            </div>
            <br>
 

            <div class="prolist" style="margin-left: 20px;">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">

                    <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                </div>
                <div class="Protitle">
                    <label>合伙人</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
           
            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/dddc.png); background-repeat: no-repeat;">

                    <span class="title">一款创业社交应用的Beta之旅</span>
                </div>
                <div class="Protitle">
                    <label>一点租车</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
              

            </div>
            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">

                    <span class="title">有意或无意地创造阅读娱乐性</span>
                </div>
                <div class="Protitle">
                    <label>神剧</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
    
            </div>

            <div class="prolist">
                <div class="imgcanvas" style="background: url(../images/hhr.png); background-repeat: no-repeat;">
                    <!--      <span class="shine"></span>-->
                    <span class="title">被深爱的、沉默的、一望无际的二次元世界...</span>
                </div>
                <div class="Protitle">
                    <label>合伙人</label>
                </div>
                <div class="ProInfo">
                    <span>标签名1</span>
                    <span>标签名2</span>
                    <span>标签名3</span>
                    <span>标签名4</span>
                </div>
    
            </div>
            <br>             
        </div>
                       <div class="newmore" style="cursor:pointer;">
                <span>查看更多...</span>
            </div>   

      
    <!----------------右侧浮动分享---------------------->
        <div id="leftsead">
        <ul>
            <li><a href="http://service.weibo.com/share/share.php">
                <img src="../images/share/fsina.png" width="131" height="47" class="hides" /><img src="../images/share/sina.png" width="47" height="47" class="shows" /></a></li>
            <li><a href="http://share.v.t.qq.com/index.php?c=share&a=index">
                <img src="../images/share/ftengxu.png" width="131" height="47" class="hides" /><img src="../images/share/tengxun.png" width="47" height="47" class="shows" /></a></li>

            <li><a href="tencent://message/?uin=800027897&Site=www.5icool.org&Menu=yes">
                <img src="../images/share/fweixin.png" width="131" height="47" class="hides" /><img src="../images/share/weixin.png" width="47" height="47" class="shows" /></a></li>
            <li><a href="http://www.5icool.org/wangyetexiao/services/">
                <img src="../images/share/fqqyoux.png" width="131" height="47" class="hides" /><img src="../images/share/qqyoux.png" width="47" height="47" class="shows" /></a></li>

            <li><a href="http://connect.qq.com/widget/shareqq/index.html">
                <img src="../images/share/fqq.png" width="131" height="47" class="hides" /><img src="../images/share/qq.png" width="47" height="47" class="shows" /></a></li>
            <li><a href="http://www.5icool.org/wangyetexiao/services/">
                <img src="../images/share/frss.png" width="131" height="47" class="hides" /><img src="../images/share/rss.png" width="47" height="47" class="shows" /></a></li>
            <li><a class="youhui">

                <img src="../images/share/phonemark.png" width="47" height="47" class="shows" /><img src="../images/share/erweima.png" width="145" height="290" class="hides" usemap="#taklhtml" /><map name="taklhtml"><area shape="rect" coords="26,273,115,300 " href="http://www.5icool.org/wangyetexiao/services/" /></map></a></li>
            <li><a id="top_btn">
                <img src="../images/share/ll06.png" width="131" height="47" class="hides" /><img src="../images/share/l06.png" width="47" height="47" class="shows" /></a></li>

        </ul>

    </div>
        <!------------------------右侧浮动分享  结束---------------------->

    <div class="movingbottom">
        <div class="bottom">
        </div>

        <!--尾部-->
        <footer>

            <div class="address">
                <a href="#">关于我们</a>| 
            <a href="#">联系方式</a>|
            <a href="#">使用协议</a>|
            <a href="#">在线调查</a>|
            <a href="#">网站留言</a>
            </div>
            <div class="companymess">

                <div class="footleft">
                    <span>主办单位：工业和信息化部电子科学技术情报研究所</span><br>
                    <span>Copyright 2012-2015 chinasi.com All rights reserved</span><br>
                    <span>京ICP备12039682号-1</span>
                </div>
                <div class="footright">
                </div>
            </div>
        </footer>
    </div>



        </div>
    <!--尾部结束-->
    <script src="../js/jquery-1.7.1.min.js"></script>
          <script src="../js/share.js"></script>
    <script>
        $(function () {
            //$(".ulnav ul li  a").eq(0).addClass('selected');
        });

        $(document).ready(function () {
            $(".ulnav ul li a").eq(0).addClass('selected');
            /*------------------控制导航选中菜单----------------*/
            var urlstr = location.href;
            var lastadd = urlstr.substring(urlstr.lastIndexOf("/") + 1, urlstr.length);
            $(".ulnav ul li a").each(function () {
                if ($(this).attr("href") == lastadd) {
                    $(this).addClass('selected');
                } else {
                    $(this).removeClass('selected');
                }
            });
            /*-----------------控制导航选中菜单  结束-------------*/

        });
        //最新产品展示
        $("#procontent .prolist").hover(function () {
            $(this).find(".title").stop().animate({ bottom: '0px' }, { queue: false }, "fast");
        }, function () {
            $(this).find(".title").stop().animate({ bottom: '-150px' }, { queue: false }, "fast");
        });

    </script>


</body>
</html>
